<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<link rel="stylesheet" href="../../static/css/common.css">
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
<head>
  <meta charset="UTF-8">
  <title>Your information</title>
  <!-- 引入样式文件 -->
  <link rel="stylesheet" href="../../static/css/form.css">
</head>
<body>
<!-- 菜单栏 -->
<link rel="stylesheet" href="../../static/css/index.css">
<ul>
  <div th:each="item:${menuList}" class="display:inline-de">
    <li><a th:href="@{${item.path}}" th:text="${item.name}"></a></li>
  </div>
  <a th:href="@{/login}" style="float:right;font-size: 16px;margin: 17px;color: white;">> 登出</a>
</ul>
<div id="content-user" class="form-container">
  <h2 class="form-title" style="margin-bottom: 20px" >个人信息</h2>
  <div class="form">
  <img src="../../static/img/avator.png" style="width: 100px;height: 100px;position: relative;left: 10%">
  <form class="form-content" th:object="${user}" th:action="@{/profile/update}" method="post">
    <!-- 表单项内容 -->
      <p style="font-family: 幼圆;margin-bottom: 20px;margin-left: 20px;" th:switch="*{roleId}">你的角色是>>>
        <span th:case="1">超级管理员</span>
        <span th:case="2">货主</span>
        <span th:case="3">承运商</span>
        <span th:case="4">司机</span>
      </p>
    <div class="form-row">
      <label>用户名</label>
      <span th:text="*{userName}"/>
    </div>
    <div class="form-row">
      <label>真实姓名</label>
      <span th:text="*{realName}"/>
    </div>
    <div class="form-row">
      <label>邮箱</label>
      <span th:text="*{email}"/>
    </div>
    <div class="form-row">
      <label>电话</label>
      <span th:text="*{phone}"/>
    </div>
    <button class="submit-button">Update</button>
  </form>
  </div>
</div>
</body>
</html>
